<template>
    <div>
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="(l,i) in list" :key="i" class="guide-swipe">
                <img :src="l" alt="">
            </van-swipe-item>
        </van-swipe> 
            <van-button type="success" to="/app/cinema" class="guide-button">跳转主页</van-button>
    </div>
</template>
<script>
import axios from "axios"
export default {
    setup() {
        
    },
    name:'guide',
    data(){
        return{
            list:['http://calabashbaby.cn/img/5.jpg','http://calabashbaby.cn/img/1.jpg','http://calabashbaby.cn/img/2.jpg','http://calabashbaby.cn/img/3.png','http://calabashbaby.cn/img/4.png',]
        }
    },
    mounted(){
        // axios.get("http://47.104.209.44:3333/top/playlist?limit=10&order=new")
        // .then(res=>{
        //     console.log(res);
        //     this.$nextTick(()=>{

        //         this.list = res.data.playlists;
        //     })
        // })
    }
}
</script>
<style scoped lang="scss">
    .guide-swipe{
        width: 100%;
        height: 100%;
        img{
            width: 100%;
            height: 100vh;
        }
    }
    .guide-button{
        position: absolute;
        right: 10px;
        top: 10px;
        height: 30px;
        border-radius: 15px;
        opacity: .3;
    }
</style>